@import "variables";
@import "function";
@import "mixin";

.icon {
  display: inline-block;
  width: pr(32px);
  height: pr(32px);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.icon-arrow-down {

}
// =========== 引用icons.png背景图标 ============
.ico {
  display: inline-block;
  width: pr(25px);
  height: pr(25px);
  background-image: url(./assets/images/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
// 无预算版本图标
.icon-version {
  width: pr(80px);
  height: pr(80px);
  background-position: -129px -1030px;
}
// 提示弹窗-警告图标
.icon-warning {
  width: pr(45px);
  height: pr(45px);
  background-position: -25px -610px;
}
// 编辑状态
.icon-edit {
	background-position: -128px -515px;
	margin-left: 5px;
	&:hover {
		background-position: -162px -515px;
	}
}
// 添加状态
.icon-add {
	background-position: -30px -515px;
	margin-left: 5px;
	&:hover {
		background-position: -63px -515px;
	}
}

// 预算编制--锁定/解锁状态
.icon-locked {
	background-position: -93px -89px;
	&:hover {
		background-position: -121px -89px;
	}
}
.icon-unlock {
	background-position: -98px -135px;
	&:hover {
		background-position: -123px -135px;
	}
}

// 预算版本--删除状态
.icon-delete {
	background-position: -110px -562px;
	&:hover {
		background-position: -132px -562px;
	}
}

.icon-delete-big {
	background-position: -434px -286px;
	&:hover {
		background-position: -434px -321px;
	}
}

.icon-stage-big{
  	background-image: url(./assets/images/customer_icons.png);
	background-position: -454px -635px;
	display: inline-block;
	height: 35px;
	&:hover {
		background-position: -482px -635px;
	}
}

.icon-stage{
  	background-image: url(./assets/images/customer_icons.png);
	background-position: -522px -645px;
	width: 20px;
    height: 20px;

	&:hover {
		background-position: -544px -645px;
	}

}


.c-icon_case{
	background: url(./assets/images/icons_case.png) no-repeat;
}
.c-icon_case_person{background-position: -47px -217px}
.c-icon_case_team{background-position: -47px -247px}
.c-icon_case_clock1{background-position: -46px -116px}
.c-icon_case_clock2{background-position: -46px -147px}
.c-icon_case_money{background-position: -46px -178px}
.c-icon_case_pen{background-position: -47px -17px}
.c-icon_case_eye{background-position: -78px -18px}
.c-icon_case_eyeClose{background-position: -113px -18px}
.c-icon_case_star{background-position: -179px -18px}
.c-icon_case_ling{background-position: -149px -17px}
.c-icon_case_bilingStar{background-position: -180px -82px}
.c-icon_case-hover{
	&:hover{
		.c-icon_case_pen{background-position: -47px -49px}
		.c-icon_case_eye{background-position: -78px -50px}
		.c-icon_case_star{background-position: -179px -49px}
	};
}


.c-icon-import{
	display: inline-block;
	width: 22px;
	height: 25px;
	vertical-align: middle;
	background: url(./assets/images/icons.png) no-repeat -433px -76px;
}